<style>

.vjs-error-display {display:none;}
.vjs-error-display {display:none;}
.video-js .vjs-big-play-button {
    font-size: 2.6em;
    line-height: 1.65em;
    height: 1.8em;
    width: 1.8em;
    display: block;
    position: absolute;
    top: calc(50% - 0.9em);
    left: calc(50% - 0.9em);
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: .06666em solid #fff;
    background-color: #2b333f;
    background-color: rgba(43,51,63,.7);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.vjs-paused .vjs-big-play-button,
.vjs-paused.vjs-has-started .vjs-big-play-button {
    display: block;
}
.video-js.vjs-playing .vjs-tech {
    pointer-events: auto;
}
.my-video-dimensions.vjs-fluid {padding-top:0}
</style>
<div style="padding:0.5rem">
	<div ng-if="pagedata.list" class="page-goods-detail fui-goods-group block" style="padding:0">
			<div ng-repeat="item in pagedata.list" class="fui-goods-item content-group" style="background:#fff;width:100%;">
				<div ng-click="access_json('jy_mcaigou/goods.detail//id='+item.id)" ng-if="!item.video || pagedata.shopset.no_video==1" ng-class="{'image':1, 'echelon':item.active.title}" data-text="{{item.active.title}}" style="position: relative;height:10rem;padding-bottom:0;background: url({{tomedia(item.image) ||'../core/resource/images/nopic.jpg'}}) no-repeat 50%;background-size: cover;">
					<div ng-show="item.total <=0" class="salez" style="background-image: url({{tomedia(pagedata.shopset.shop.saleout)}}); "></div>
					<div ng-if="!item.active.rest_time" class="title">{{item.subtitle || '暂时没有商品描述... ...'}}</div>
				</div>
				<div ng-if="item.video && pagedata.shopset.no_video !=1" class="image" style="position: relative;height:10rem;padding-bottom:0;">
					 <video id="my-video" class="video-js vjs-fluid" style="width:100%;height:100%;object-fit:fill" x5-playsinline="" playsinline=""
					  poster="{{tomedia(item.image) || '../core/resource/images/nopic.jpg'}}"
					  data-setup='{"controls": true, "autoplay": false}'>
					  <source ng-src="{{tomedia(item.video)}}" type="video/mp4">					 
					</video>
				</div>
				<div ng-if="item.active.rest_time" ng-class="{'seckill-container':1,'notstart':item.active.status==0}">
					<div class="fui-list seckill-list" style="" >
						<div class="fui-list-media seckill-price">
							&yen;<span>{{item.active.price}}</span>
						</div>
						<div class="fui-list-inner">
								<div ng-if="item.active.tag" class="text">
									<span class="stitle" style="white-space:nowrap; overflow:hidden; max-width:2.6rem;">{{item.active.tag}}</span>
								</div>
							<div class="text"><span class="oldprice">&yen;{{item.originalprice}}</span></div>
						</div>
					</div>
					<div class="fui-list seckill-list1" >
						<div class="fui-list-inner">
							<div class="text " ng-if="item.active.status==1">已出售 {{item.active.percent || 0}}%</div>
							<div class="text " ng-if="item.active.status==1"><span class="process"><div class="inner" style="width:{{item.active.percent || 0}}%"></div></span></div>
						</div>
					</div>
					<div class="fui-list seckill-list2" style="" >
						<div class="fui-list-inner">
							<div ng-if="item.active.status!=1" class="text ">距开始还有</div>
							<div ng-if="item.active.status==1" class="text ">距结束还有</div>
							<div class="text timer" ng-init="tool.time_down(pagedata.list[$index].active.rest_time)">
									<span class="time-hour">{{pagedata.list[$index].active.rest_time.hour}}</span>&nbsp;:&nbsp;<span class="time-min">{{pagedata.list[$index].active.rest_time.minute}}</span>&nbsp;:&nbsp;<span class="time-sec">{{pagedata.list[$index].active.rest_time.second}}</span>
							</div>
						</div>
					</div>
				</div>
				<div class="detail">
					<div class="name fui-list-group" style="height:auto;" ng-click="access_json('jy_mcaigou/goods.detail//id='+item.id)">
						<div class="fui-list jump" style="padding:0.2rem 0">
							<div class="fui-list-inner" style="border-right: 2px solid #efefef;">
								<div class="title bold"><i ng-show="item.active.title" class="fui-tag fui-tag-danger">{{item.active.title}}</i> {{item.title}}</div>
							</div>
						   <div class="fui-list-media" style="width:3.6rem;text-align:center;padding-left:0.5rem">
								<div class="fui-list-inner">
									<div class="num bold" style="font-size:0.8rem;color:#da7b5f">{{item.likes}}</div>
									<div class="subtitle">关注人数</div>
							   </div>
						   </div>
						</div>
					</div>
					<div class="saletime" style="padding-top:0.5rem;margin-top: 0.3rem;border-top: 1px solid #efefef;">
						<div>
							<span class="r-f" style="text-align:right">已售<span style="color:red">{{item.salenum || '1888'}}</span>{{item.unit || '份'}}/限量{{item.total || '6888'}}{{item.unit || '份'}}</span>
						</div>
						<div>
							<span style="color:#f60">{{item.api_data.taocan.length || 0}}种赠送组合</span>
						</div>
					</div>
					<div class="price" style="margin-top: 0.3rem;">
						<span class="text">￥<span style="font-size:1rem">{{item.active.price || item.price}}</span> /{{item.unit || '件'}} <span class="delete" style="font-size:0.7rem;font-weight:400">原价:￥{{item.oldprice || item.originalprice}}</span></span>
						<span href="javascript:" ng-click="access_json('jy_mcaigou/goods.detail//id='+item.id)" class="jylabel jylabel-red active" style="padding:0.1rem 0.6rem;border-radius:1rem;font-weight:400">立即购买</span>
					</div>
					<div ng-if="item.commission_money || pagedata.feemoney.isopen==1" class="goods-tag">
						<div ng-if="pagedata.feemoney.isopen==1" class="fui-tag fui-tag-danger fee-tag-zi" style="margin-right:0.15rem">{{pagedata.feemoney.tag ||'节省'}}￥{{item.feemoney || '0.00'}}</div>
						<div ng-if="item.commission_money" class="fui-tag fui-tag-danger fee-tag">{{item.commission_title}}￥{{item.commission_money}}</div>
					</div>
					<div ng-if="item.members.length>0" class="fui-cell-group" style="border-top: 1px solid #efefef;">
						<div class="fui-cell" style="padding:0.5rem 0" ng-click="access_json('jy_mcaigou/goods.detail//id='+item.id)">
							<div class="fui-cell-info" style="width:9rem">
								<img ng-repeat="m in item.members" class="avatar" style="margin-right:-0.5rem" ng-src="{{tomedia(m.avatar) || '../core/resource/images/nopic.jpg'}}">
								<img ng-if="item.members.length>5" class="avatar" style="margin-right:-0.5rem" src="../addons/jy_weishop/resource/images/avatar-more.jpg">
								<span class="text" style="margin-left:1rem;color: #999;">等购买了此商品</span>
							</div>
							<div class="fui-cell-remark"></div>
						</div>
					</div>
				</div>
			</div>
</div>
</div>
<div class="content-empty" ng-if="!pagedata.list || pagedata.list.length<1" style="margin-top:2rem">
		  <i class="icon jinyunicon icon-cry" style="width: 6rem;margin-bottom: 0.5rem;"></i><br/><p style="color: #999;font-size: .75rem">暂无相关商品！</p>
</div>
<script>
require(["jquery","videojs"], function($,videojs) {
	videojs("my-video").ready(function(){
	});
});
scope.tool.get_list('jy_mcaigou/shop/getlist/',true);
scope.pagedata.scroll_bottom=function(){
	scope.tool.get_list('jy_mcaigou/shop/getlist/');
}
</script>
